Ext.onReady(function() {  
    //Ext.MessageBox.alert('系统提示', 'Hello World!');//弹窗
	
	//窗口
//	var win = new Ext.Window({
//		title:'这是一个窗口',
//		width:300,
//		height:400,
//		html:'<div>这是窗口内容</div>',
//		resizable : true,//是否可改变窗口大小  
//        modal : true,  //是否掩盖背后的其他元素
//        closable : true,  //关闭按钮
//        maximizable : true,  //最大化按钮
//        minimizable : true //最小化按钮
//	});
//	win.show();
	
	//登录窗口
	/*Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget='sid';
	
	var buttonsub = function(){
		if(form.getForm().isValid()){
			Ext.MessageBox.alert('系统提示','提交成功！')
		}
	}
	
	var buttonreset = function(){
		form.getForm().reset();
	}
	
	// 提交按钮
    var btnsubmit = new Ext.Button({
        text : '提 交',
        handler : buttonsub
    });
    // 重置按钮
    var btnreset = new Ext.Button({
        text : '重 置',
        handler : buttonreset
    });
	var user = new Ext.form.TextField({
		width:140,
		allowBlank:false,
		maxlength:20,
		name:'username',
		fieldLabel:'用户名',
		blankText:'请输入用户名',
		maxLengthText:'用户名长度不能超过20个字符'
	});
	
	var psw = new Ext.form.TextField({
		width:140,
		allowBlank:false,
		maxlength:20,
		name:'password',
		inputType : 'password',
		fieldLabel:'密码',
		blankText:'请输入密码',
		maxLengthText:'密码长度不能超过20个字符'
	});
	var txtcheckcode = new Ext.form.TextField({
        fieldLabel : '验证码',
        id : 'checkcode',
        allowBlank : false,
        width : 76,
        blankText : '请输入验证码！',
        maxLength : 4,
        maxLengthText : '验证码不能超过4个字符!'
    });
	
	var form = new Ext.form.FormPanel({
		url:'',
		lableAlign:'right',
		lableWidth:45,
		frame:true,
		cls : 'loginform',
        buttonAlign : 'center',
        bodyStyle : 'padding:6px 0px 0px 15px',
        items : [ user, psw, txtcheckcode ],
        buttons : [ btnsubmit, btnreset ]
	});
	
	var win = new Ext.Window({
		title : '用户登陆',
        iconCls : 'loginicon',
        plain : true,
        width : 276,
        height : 174,
        resizable : false,
        shadow : true,
        modal : true,
        closable : false,
        animCollapse : true,
        items : form
	});
	win.show();
	// 创建验证码
    var checkcode = Ext.getDom('checkcode');
    var checkimage = Ext.get(checkcode.parentNode);
    checkimage.createChild({
        tag : 'img',
        src : '',
        align : 'absbottom',
        style : 'padding-left:23px;cursor:pointer;'
    });*/
    
    var panel= new Ext.panel.Panel({
    	width:300,
    	height:300,
    	x:20,
    	y:20,
    	layout:'accordion',     
        defaults: { 
            bodyStyle: 'padding:15px' 
        }, 
        layoutConfig: {        
            titleCollapse: false,         
            animate: true,         
            activeOnTop: true      
        },     
        items: [{         
            title: 'Panel 1',         
            html: 'Panel content==1!'      
        },{         
            title: 'Panel 2',         
            html: 'Panel content==2!'     
        },{ 
            title: 'Panel 3',         
            html: 'Panel content==3!'     
        }], 
        renderTo:Ext.getBody()

    });
}); 